/* Texte défilant */
.messagedefilant {
    width: 100%;
    height: 56px;
    padding: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    background-color: #FFFFFF;
}

.messagedefilant div {
    position: absolute;
    min-width: 100%; /* au minimum la largeur du conteneur */
}

.messagedefilant div span,
.messagedefilant div:after {
    padding-left: 50px;
    position: relative;
    display: inline-block;
    font-size: 24px;
    white-space: nowrap;
    top: 0;
}

.messagedefilant div span {
    animation: defilement 20s infinite linear;
    /* background: #cde; */
}

.messagedefilant div:after {
    position: absolute;
    top: 0;
    left: 0;
    content: attr(data-text);
    animation: defilement2 20s infinite linear;
    /* background: #edc; */
}

@keyframes defilement {
    0% {
        margin-left: 0;
    }
    100% {
        margin-left: -100%;
    }
}

@keyframes defilement2 {
    0% {
        margin-left: 100%;
    }
    100% {
        margin-left: 0%;
    }
}